{include file='public/head' t='网站信息'}

<body>
  <div class="panel admin-panel">
    <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加内容</strong></div>
    <div class="body-content">
      <form method="post" class="form-x" action="" enctype="multipart/form-data">
        <div class="form-group">
          <div class="label">
            <label>商品编号：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" value="{$list.pro_number|default=''}" name="pro_number"
              data-validate="required:请输入编号" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>商品名：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" value="{$list.name|default=''}" name="name"
              data-validate="required:请输入商品名" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>划线价格：</label>
          </div>
          <div class="field">
            <input type="number" class="input w50" value="{$list.price|default=''}" name="price"
              data-validate="required:请输入价格" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>商城价格：</label>
          </div>
          <div class="field">
            <input type="number" class="input w50" value="{$list.price_shop|default=''}" name="price_shop"
              data-validate="required:请输入价格" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>商品库存：</label>
          </div>
          <div class="field">
            <input type="number" class="input w50" value="{$list.num|default=''}" name="num"
              data-validate="required:请输入库存" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>图片：</label>
          </div>
          <div class="field">
            <input type="text" data-image="__ADMIN__/{$list.photo_x|default=''}" readonly id="url1" class="input tips"
              style="width:25%; float:left;" value="__ADMIN__/{$list.photo_x|default=''}" data-toggle="hover"
              data-place="right" />
            <input type="button" class="button bg-blue margin-left" value="+ 浏览上传">
            <input type="file" name="img" onchange="url1.value=this.value"
              style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
            {if input('?get.id') }
            <input type="hidden" name="photo_x" value="{$list.photo_x|default=''}">
            <img src="__ADMIN__/{$list.photo_x|default=''}" alt="" width="50" height="50">
            {/if}
          </div>
        </div>
        {if input('?get.id') }
        {volist name='pstring' id='v'}
        <div class="form-group">
          <div class="label">
            <label>轮播图：</label>
          </div>
          <div class="field">
            <img width="100" height="100" src="__ADMIN__/{$v}" alt="">
            <input type="button" class="button bg-red margin-left delO" value="删除轮播图">
            <input type="hidden" name="photo_string[]" value="{$v}">
          </div>
        </div>
        {/volist}
        {/if}
        <div class="form-group">
          <div class="label">
            <label>轮播图：</label>
          </div>
          <div class="field">
            <input type="text" readonly id="url2" class="input tips" style="width:25%; float:left;" value=""
              data-toggle="hover" data-place="right" />
            <input type="button" class="button bg-blue margin-left" value="+ 浏览上传">
            <input type="file" name="banner[]" class="img" onchange="url2.value=this.value"
              style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
            <input type="hidden" name="photo_string[]" value="">
            <input type="button" class="button bg-green margin-left addT" id="image1" value="添加轮播图">
          </div>
        </div>
        <div class="form-group" id="typeTitle">
          <div class="label">
            <label>分类标题：</label>
          </div>
          <div class="field">
            <select name="cid" class="input w50">
              <option value="">请选择分类</option>
              {volist name='cate' id='user'}
              <optgroup label="{$user.name}">
                {volist name='$user.son' id='u'}
                <option value="{$u.id}" {if isset($list.cid) && $list.cid==$u.id } selected {/if}>{$u.name}</option>
                {/volist}
              </optgroup>
              {/volist}
            </select>
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>其他属性：</label>
          </div>
          <div class="field" style="padding-top:8px;">
            首页 <input id="is_show" type="checkbox" name="is_show" value="1" {if isset($list.is_show) && $list.is_show==1
              } checked {/if} />
            推荐 <input id="is_hot" type="checkbox" name="is_hot" value="1" {if isset($list.is_hot) && $list.is_hot==1 }
              checked {/if} />
            下架 <input id="is_down" type="checkbox" name="is_down" value="1" {if isset($list.is_show) && $list.is_down==1
              } checked {/if} />
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>内容：</label>
          </div>
          <div class="field">
            <textarea name="content" class="input"
              style="height:250px; border:1px solid #ddd;">{$list.content|default=''}</textarea>
            <div class="tips"></div>
          </div>
        </div>
        <div class="clear"></div>
        <div class="form-group">
          <div class="label">
            <label>排序：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" name="sort" value="{$list.sort|default=0}"
              data-validate="number:排序必须为数字" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>单位：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" name="company" value="{$list.company|default=''}"
              data-validate="required:请输入单位" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>人气：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" name="renqi" value="{$list.renqi|default=0}"
              data-validate="number:只能为数字" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label></label>
          </div>
          <div class="field">
            <input type="hidden" name="cz" id="AA" value="0">
            <button class="button bg-main icon-check-square-o" type="submit" id="lb"> 提交并跳转到列表页</button>
            <button class="button bg-main icon-check-square-o" type="submit"> 提交并留在本页</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</body>
<script>
  var num = 3;
  var banner = 2;
  $("#lb").click(function (e) {
    $("#AA").val("1");
  });
  $(".addT").click(function () {
    var cont = `<div class="form-group banner">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url${num}" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="banner[]" class="img" onchange="url${num}.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />        	
          <input type="hidden" name="photo_string[]" value="">
          <input type="button" class="button bg-red margin-left cutT" value="删除轮播图" >
        </div>
      </div>`;
    num++;
    banner++;
    $("#typeTitle").before(cont);
  })
  $(".form-x").on("click", '.cutT', function () {
    $(this).parent().parent().remove();
  })
  $(".delO").click(function () {
    $(this).parents('.form-group').remove();
  })
  $(document).on("change", ".img", function () {
    var that = $(this);
    if (this.files[0]) {
      var fd = new FormData;
      fd.append("img", this.files[0]);
      $.ajax({
        type: "post",
        url: "{:url('Good/file')}",
        data: fd,
        dataType: "json",
        success: function (data) {
          // if (data.error == 1 || data.error == 2) {
          //     alert(data.msg);
          // } else if (data.error == 0) {
          //     that.next().val(data.path);
          // } else {
          //     alert("网络波动");
          // }
          if (data[0]) {
            that.next().val(data[1]);
            $(":button").prop("disabled", false);
          } else {
            alert(data[1]);
            $(":button").prop("disabled", true);
          }
        },
        contentType: false,
        processData: false,
      });
    }

  });
</script>

</html>